<!DOCTYPE html>
<html lang="tr">
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/jquery.mobile-1.0.css" />
        <link rel="stylesheet" href="css/custom.css" />

        <script type="text/javascript" src="js/jquery.1.6.4.js"></script>
        <script type="text/javascript" src="js/jquery.mobile-1.0.min.js"></script>
    </head>
    <body>


        <!-- /anasayfa-->    
        <div data-role="page" id="anasayfa"> 
            <!-- /header -->
            <div data-role="header" data-position="inline">

                <h1>Vipdukkan Logo</h1>
            </div>
            <div data-role="header" class="nav-glyphish-example">
                <div data-role="navbar" class="nav-glyphish-example" data-grid="d">
                    <ul>
                        <li><a href="#anasayfa" id="dukkan-btn" data-icon="custom" class="ui-btn-active">Dükkanlar</a></li>
                        <li><a href="#uyeol" id="uyeol-btn" data-icon="custom">Üye ol</a></li>
                        <li><a href="#giris" id="giris-btn" data-icon="custom">Giriş</a></li>
                        <li><a href="#davet" id="davet-btn" data-icon="custom">Davet</a></li>
                        <li><a href="#sepetim" id="sepetim-btn" data-icon="custom">Sepetim</a></li>
                    </ul>
                </div>
            </div>



            <div data-role="content">   <!--/content-primary --> 

                <div class="content-primary">
                    <ul data-role="listview" data-inset="false">
                        <li><a href="index.html"> <img src="images/dukkanlar/d1.jpg" />
                                <h3>Chic & Pink</h3>
                                <p>07.12.2011 - 10.12.2011</p>
                            </a></li>
                        <li><a href="index.html"> <img src="images/dukkanlar/d2.jpg" />
                                <h3>Miss Angels</h3>
                                <p>07.12.2011 - 10.12.2011</p>
                            </a></li>
                        <li><a href="index.html"> <img src="images/dukkanlar/d3.jpg" />
                                <h3>KangaROOS</h3>
                                <p>07.12.2011 - 10.12.2011</p>
                            </a></li>
                        <li><a href="index.html"> <img src="images/dukkanlar/d4.jpg" />
                                <h3>Veo Baby</h3>
                                <p>07.12.2011 - 10.12.2011</p>
                            </a></li>
                        <li><a href="index.html"> <img src="images/dukkanlar/d5.jpg" />
                                <h3>Miloush</h3>
                                <p>Fashion</p>
                            </a></li>
                        <li><a href="index.html"> <img src="images/dukkanlar/d6.jpg" />
                                <h3>Yılbaşı Neşesi</h3>
                                <p>08.12.2011 - 11.12.2011</p>
                            </a></li>
                        <li><a href="index.html"> <img src="images/dukkanlar/d7.jpg" />
                                <h3>Tonelli</h3>
                                <p>07.12.2011 - 10.12.2011</p>
                            </a></li>
                        <li><a href="index.html"> <img src="images/dukkanlar/d8.jpg" />
                                <h3>Y.C. Trend</h3>
                                <p>07.12.2011 - 10.12.2011</p>
                            </a></li>
                    </ul>
                </div>


            </div>
            <!-- /footer -->
            <div data-role="footer">
                <div data-role="controlgroup" data-type="horizontal" style="float: right;">
                    <a href="pages/hakkimizda.html"  style="font-size: 12px; color: #fff;" data-role="button">Hakkımızda</a>
                    <a href="pages/yardim.html" style="font-size: 12px; color: #fff;" data-role="button">Yardım</a>
                    <a href="pages/iletisim.html" style="font-size: 12px; color: #fff;" data-role="button">İletişim</a>
                    <br/>
                </div>
            </div>

        </div>



        <!-- /uyeol -->
        <div data-role="page" id="uyeol">
            <!-- /header -->
            <div data-role="header" data-position="inline">
                <a href="index.html" data-icon="arrow-l" data-role="data-add-back-btn">Geri</a>
                <h1>Vipdukkan Logo</h1>
            </div>
            <div data-role="header" class="nav-glyphish-example">
                <div data-role="navbar" class="nav-glyphish-example" data-grid="d">
                    <ul>
                        <li><a href="#anasayfa" id="dukkan-btn" data-icon="custom" >Dükkanlar</a></li>
                        <li><a href="#uyeol" id="uyeol-btn" data-icon="custom" class="ui-btn-active">Üye ol</a></li>
                        <li><a href="#giris" id="giris-btn" data-icon="custom">Giriş</a></li>
                        <li><a href="#davet" id="davet-btn" data-icon="custom">Davet</a></li>
                        <li><a href="#sepetim" id="sepetim-btn" data-icon="custom">Sepetim</a></li>
                    </ul>
                </div>
            </div>


            <div data-role="content">
                <form >

                    
                        <label for="ad">Adınız:</label>
                        <input type="text" name="ad" id="ad" value="" /> 

                        <label for="soyad">Soyadınız:</label>
                        <input type="text" name="soyad" id="soyad" value="" />

                        <label for="eposta">E-posta:</label>
                        <input type="text" name="eposta" id="eposta" value="" />

                        <label for="sifre">Şifre:</label>
                        <input type="password" name="sifre" id="sifre" value="" />

                        <label for="tsifre">Tekrar Şifre:</label>
                        <input type="password" name="tsifre" id="tsifre" value="" />

                        <a href="pages/sozlesme.html"  data-inline="true" data-rel="dialog" data-transition="slide" >Üyelik sözleşmesi ve gizlilik politikası</a>

                        <input type="checkbox" name="checkbox-1" id="checkbox-0" class="custom" />
                        <label for="checkbox-0">Kabul ediyorum</label>

                        <input type="submit" name="uyeol" id="uyeol" value="Üye ol" />





                </form>

            </div>
            <!-- /content --> 

        </div>


        <!-- /giris -->
        <div data-role="page" id="giris">
            <!-- /header -->
            <div data-role="header" data-position="inline">
                <a href="index.html" data-icon="arrow-l" data-role="data-add-back-btn">Geri</a>
                <h1>Vipdukkan Logo</h1>
            </div>
            <div data-role="header" class="nav-glyphish-example">
                <div data-role="navbar" class="nav-glyphish-example" data-grid="d">
                    <ul>
                        <li><a href="#anasayfa" id="dukkan-btn" data-icon="custom" >Dükkanlar</a></li>
                        <li><a href="#uyeol" id="uyeol-btn" data-icon="custom">Üye ol</a></li>
                        <li><a href="#giris" id="giris-btn" data-icon="custom" class="ui-btn-active">Giriş</a></li>
                        <li><a href="#davet" id="davet-btn" data-icon="custom">Davet</a></li>
                        <li><a href="#sepetim" id="sepetim-btn" data-icon="custom">Sepetim</a></li>
                    </ul>
                </div>
            </div>


            <div data-role="content">
                <form>

                    <div data-role="fieldcontain" style="border: none;">
                        <label for="email">E-posta:</label>
                        <input type="text" name="email" id="email" value="" /> 

                        <label for="sifre">Şifre:</label>
                        <input type="password" name="sifre" id="sifre" value="" />

                        <a href="pages/sifremiunuttum.html"  data-inline="true" data-rel="dialog" data-transition="slide" >Şifremi Unuttum</a>            

                        <input type="submit" name="giris" id="giris" value="Giriş" />



                    </div>

                </form>
            </div>
            <!-- /content --> 

        </div>



        <!-- /davet -->
        <div data-role="page" id="davet">
            <!-- /header -->
            <div data-role="header" data-position="inline">
                <a href="index.html" data-icon="arrow-l" data-role="data-add-back-btn">Geri</a>
                <h1>Vipdukkan Logo</h1>
            </div>
            <div data-role="header" class="nav-glyphish-example">
                <div data-role="navbar" class="nav-glyphish-example" data-grid="d">
                    <ul>
                        <li><a href="#anasayfa" id="dukkan-btn" data-icon="custom" >Dükkanlar</a></li>
                        <li><a href="#uyeol" id="uyeol-btn" data-icon="custom">Üye ol</a></li>
                        <li><a href="#giris" id="giris-btn" data-icon="custom">Giriş</a></li>
                        <li><a href="#davet" id="davet-btn" data-icon="custom" class="ui-btn-active">Davet</a></li>
                        <li><a href="#sepetim" id="sepetim-btn" data-icon="custom">Sepetim</a></li>
                    </ul>
                </div>
            </div>

            <div data-role="content">
                <form>

                    
                       
                        <label for="email">Arkadaşınızın E-posta Adresi:</label>
                        <input type="text" name="email" id="email" value="" /> <br/>
      
                        <input type="submit" name="giris" id="giris" value="Gönder" />



                </form>
            
            
            
            </div>
            <!-- /content --> 

        </div>       
        
        
        
        
        
       
        <div data-role="page" id="sepetim">
            <!-- /header -->
            <div data-role="header" data-position="inline">
                <a href="index.html" data-icon="arrow-l" data-role="data-add-back-btn">Geri</a>
                <h1>Vipdukkan Logo</h1>
            </div>
            <div data-role="header" class="nav-glyphish-example">
                <div data-role="navbar" class="nav-glyphish-example" data-grid="d">
                    <ul>
                        <li><a href="#anasayfa" id="dukkan-btn" data-icon="custom" >Dükkanlar</a></li>
                        <li><a href="#uyeol" id="uyeol-btn" data-icon="custom">Üye ol</a></li>
                        <li><a href="#giris" id="giris-btn" data-icon="custom">Giriş</a></li>
                        <li><a href="#davet" id="davet-btn" data-icon="custom">Davet</a></li>
                        <li><a href="#sepetim" id="sepetim-btn" data-icon="custom" class="ui-btn-active">Sepetim</a></li>
                    </ul>
                </div>
            </div>
            
            <!-- /content --> 
            <div data-role="content">
                <p>Sepetim içerik</p>
            </div>
            

        </div>
     



    </body>
</html>